<html lang=\"en\" style=\"scrollbar-gutter: stable;\">

<head>
    <meta charset=\"utf-8\" />
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />
    <meta name=\"csrf-token\" content=\"HBVDdB8sfAEPDnwlOkJZfjlyYmlzXksUfbtEyxMLjB3MLq1MwGT9AisK\" />
    <title data-suffix=\" · Phoenix Framework\">\nListing Messages\n · Phoenix Framework</title>
    <link phx-track-static=\"phx-track-static\" rel=\"stylesheet\" href=\"/assets/app.css\" />
    <script defer=\"defer\" phx-track-static=\"phx-track-static\" type=\"text/javascript\"
        src=\"/assets/app.js\">\n    </script>
</head>

<body class=\"bg-white antialiased\">
    <ul class=\"relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end\">
        <li><a href=\"/users/register\" class=\"text-[0.8125rem] leading-6 text-zinc-900 font-semibold
                hover:text-zinc-700\">\n Register\n </a></li>
        <li><a href=\"/users/log_in\" class=\"text-[0.8125rem] leading-6 text-zinc-900 font-semibold
                hover:text-zinc-700\">\n Log in\n </a></li>
    </ul>
    <div data-phx-main=\"data-phx-main\"
        data-phx-session=\"SFMyNTY.g2gDaAJhBXQAAAAIZAACaWRtAAAAFHBoeC1GMk9IbzdjWVJxUzRmZ1ZoZAAMbGl2ZV9zZXNzaW9uaAJkAAhtZXNzYWdlc24IACN6-JBSO2MXZAAKcGFyZW50X3BpZGQAA25pbGQACHJvb3RfcGlkZAADbmlsZAAJcm9vdF92aWV3ZAAjRWxpeGlyLlBpY0NoYXRXZWIuTWVzc2FnZUxpdmUuSW5kZXhkAAZyb3V0ZXJkABhFbGl4aXIuUGljQ2hhdFdlYi5Sb3V0ZXJkAAdzZXNzaW9udAAAAABkAAR2aWV3ZAAjRWxpeGlyLlBpY0NoYXRXZWIuTWVzc2FnZUxpdmUuSW5kZXhuBgDS2hRmiAFiAAFRgA.BxY_EdOFuRX_5d19Z2GrbKcsVCfhwXA-qeaUFo1GRAY\"
        data-phx-static=\"SFMyNTY.g2gDaAJhBXQAAAADZAAKYXNzaWduX25ld2wAAAACZAAHc3RyZWFtc2QADGN1cnJlbnRfdXNlcmpkAAVmbGFzaHQAAAAAZAACaWRtAAAAFHBoeC1GMk9IbzdjWVJxUzRmZ1ZobgYA2NoUZogBYgABUYA.TOpqI52o3icYV5lSFbf88QxKublrdOoRW5s5dsIpt8E\"
        id=\"phx-F2OHo7cYRqS4fgVh\">
        <header class=\"px-4 sm:px-6 lg:px-8\">
            <div class=\"flex items-center justify-between border-b border-zinc-100 py-3 text-sm\">
                <div class=\"flex items-center gap-4\"><a href=\"/\"><img src=\"/images/logo.svg\" width=\"36\" /></a>
                    <p class=\"bg-brand/5 text-brand rounded-full px-2 font-medium leading-6\">\n v1.7.2\n </p>
                </div>
                <div class=\"flex items-center gap-4 font-semibold leading-6 text-zinc-900\"><a
                        href=\"https://twitter.com/elixirphoenix\" class=\"hover:text-zinc-700\">\n @elixirphoenix\n
                    </a><a href=\"https://github.com/phoenixframework/phoenix\" class=\"hover:text-zinc-700\">\n
                        GitHub\n </a><a href=\"https://hexdocs.pm/phoenix/overview.html\" class=\"rounded-lg bg-zinc-100
                        px-2 py-1 hover:bg-zinc-200/80\">\n Get Started <span aria-hidden=\"true\">→</span></a></div>
            </div>
        </header>
        <main class=\"px-4 py-20 sm:px-6 lg:px-8\">
            <div class=\"mx-auto max-w-2xl\">
                <div id=\"disconnected\"
                    phx-click=\"[[&quot;push&quot;,{&quot;event&quot;:&quot;lv:clear-flash&quot;,&quot;value&quot;:{&quot;key&quot;:&quot;error&quot;}}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]\"
                    role=\"alert\" class=\"fixed top-2 right-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1 bg-rose-50
                    text-rose-900 shadow-md ring-rose-500 fill-rose-900\" hidden=\"hidden\"
                    phx-connected=\"[[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}]]\"
                    phx-disconnected=\"[[&quot;show&quot;,{&quot;display&quot;:null,&quot;time&quot;:200,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}]]\">
                    <p class=\"flex items-center gap-1.5 text-sm font-semibold leading-6\"><span
                            class=\"hero-exclamation-circle-mini h-4 w-4\"></span>\n We can&#39;t find the internet\n
                    </p>
                    <p class=\"mt-2 text-sm leading-5\">\n Attempting to reconnect <span class=\"hero-arrow-path ml-1
                            h-3 w-3 animate-spin\"></span></p><button type=\"button\" class=\"group absolute top-1
                        right-1 p-2\" aria-label=\"close\"><span class=\"hero-x-mark-solid h-5 w-5 opacity-40
                            group-hover:opacity-70\"></span></button>
                </div>
                <header class=\"flex items-center justify-between gap-6\">
                    <div>
                        <h1 class=\"text-lg font-semibold leading-8 text-zinc-800\">\n \n Listing Messages\n \n </h1>
                    </div>
                    <div class=\"flex-none\"></div>
                </header>
                <div class=\"overflow-y-auto px-4 sm:overflow-visible sm:px-0\">
                    <table class=\"w-[40rem] mt-11 sm:w-full\">
                        <thead class=\"text-sm text-left leading-6 text-zinc-500\">
                            <tr>
                                <th class=\"p-0 pr-6 pb-4 font-normal\">Content</th>
                                <th class=\"p-0 pr-6 pb-4 font-normal\">Picture</th>
                                <th class=\"relative p-0 pb-4\"><span class=\"sr-only\">Actions</span></th>
                            </tr>
                        </thead>
                        <tbody id=\"messages\" phx-update=\"stream\" class=\"relative divide-y divide-zinc-100 border-t
                            border-zinc-200 text-sm leading-6 text-zinc-700\" data-page=\"1\"
                            phx-hook=\"InfiniteScroll\">
                            <tr id=\"messages-257\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/257&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-20\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/257&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/257\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-256\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/256&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-19\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/256&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/256\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-255\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/255&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-18\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/255&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/255\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-254\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/254&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-17\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/254&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/254\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-253\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/253&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-16\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/253&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/253\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-252\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/252&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-15\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/252&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/252\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-251\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/251&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-14\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/251&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/251\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-250\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/250&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-13\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/250&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/250\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-249\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/249&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-12\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/249&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/249\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                            <tr id=\"messages-248\" class=\"group hover:bg-zinc-50\">
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/248&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            font-semibold text-zinc-900\">\n \nmessage-content-11\n \n </span></div>
                                </td>
                                <td phx-click=\"[[&quot;navigate&quot;,{&quot;href&quot;:&quot;/messages/248&quot;,&quot;replace&quot;:false}]]\"
                                    class=\"relative p-0 hover:cursor-pointer\">
                                    <div class=\"block py-4 pr-6\"><span class=\"absolute -inset-y-px right-0 -left-4
                                            group-hover:bg-zinc-50 sm:rounded-l-xl\"></span><span class=\"relative
                                            \"><img /></span></div>
                                </td>
                                <td class=\"relative w-14 p-0\">
                                    <div class=\"relative whitespace-nowrap py-4 text-right text-sm font-medium\"><span
                                            class=\"absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50
                                            sm:rounded-r-xl\"></span><span class=\"relative ml-4 font-semibold leading-6
                                            text-zinc-900 hover:text-zinc-700\">
                                            <div class=\"sr-only\"><a href=\"/messages/248\" data-phx-link=\"redirect\"
                                                    data-phx-link-state=\"push\">Show</a></div>
                                        </span><span class=\"relative ml-4 font-semibold leading-6 text-zinc-900
                                            hover:text-zinc-700\"></span></div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div><button class=\"phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3
                    text-sm font-semibold leading-6 text-white active:text-white/80 \" phx-click=\"load-more\">\n Load
                    More\n</button>
            </div>
        </main>
    </div>
</body>

</html>